@page
@{ Layout = "_Layout"; }

<el-row :gutter="20">
  <el-col :span="18" :offset="3">
    <div style="height: 25px"></div>
    <el-card class="box-card">
      <template #header>
        <div class="clearfix">
          <span>错别字检查</span>
          <el-button type="primary" v-on:click="btnSubmitClick" size="small" style="float: right; margin-top: -5px;">
            保存设置
          </el-button>
        </div>
      </template>
      <div class="text">
        <el-switch
          v-model="isCloudSpellingCheck"
          active-text="启用错别字检查"
        ></el-switch>
        <div class="tips" style="margin-top: 10px;">
          错别字检查功能能够识别文本中有错误的片段，进行错误提示并给出正确的建议文本内容
          <el-link
            :underline="false"
            href="https://sscms.com/docs/v7/official/sms/"
            target="_blank"
            icon="el-icon-info"
          >
            了解更多
          </el-link>
        </div>

        <div v-if="isCloudSpellingCheck" style="margin-top: 15px;">
          <el-switch v-model="isCloudSpellingCheckAuto" active-text="保存内容时强制检查"></el-switch>
          <div class="tips" style="margin-top: 10px;">
            勾选后，当保存内容时系统会自动对包括内容标题、正文、摘要在内的文本进行错别字检查，如果存在错别字，系统将禁止保存内容
          </div>
        </div>

        <div v-if="isCloudSpellingCheck" style="margin-top: 15px;">
          <el-switch v-model="isCloudSpellingCheckIgnore" active-text="可以忽略错别字"></el-switch>
          <div class="tips" style="margin-top: 10px;">
            勾选后，可以手动忽略本次检查到的错别字，手动忽略的词语下次检查时依然会作为错别字进行提醒
          </div>
        </div>

        <div v-if="isCloudSpellingCheck" style="margin-top: 15px;">
          <el-switch v-model="isCloudSpellingCheckWhiteList" active-text="可以将错别字加入白名单"></el-switch>
          <div class="tips" style="margin-top: 10px;">
            勾选后，可以手动将检查到的错别字加入白名单，下次检查时白名单内的词语将不再作为错别字进行提醒
          </div>
        </div>
      </div>
    </el-card>
  </el-col>
</el-row>

@section Scripts{
  <script src="/sitefiles/assets/js/admin/settings/cloudSettingsSpell.js" type="text/javascript"></script>
}